import { createRouter, createWebHistory } from 'vue-router'
import LayoutUI from '../Layout.vue'
const menu = [
  {
    name: 'react18',
    key: 1,
    link: 'react18'
  },
  {
    name: 'umi3',
    key: 2,
    link: 'umi3'
  },
  {
    name: 'umi4',
    key: 3,
    link: 'umi4'
  },
  {
    name: 'vitevue3',
    key: 4,
    link: 'vitevue3'
  },
  {
    name: 'vue2',
    key: 5,
    link: 'vue2'
  },
]
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: '',
      component: () => import('../views/React18.vue')
    },
    {
      path: '/react18',
      name: 'react18',
      component: () => import('../views/React18.vue')
    },
    {
      path: '/umi3',
      name: 'umi3',
      component: () => import('../views/Umi3.vue')
    },
    {
      path: '/umi4/',
      name: 'umi4',
      component: () => import('../views/Umi4.vue')
    },
    {
      path: '/vitevue3/',
      name: 'vitevue3',
      component: () => import('../views/vitevue3.vue')
    },
    {
      path: '/vue2',
      name: 'vue2',
      component: () => import('../views/Vue2.vue')
    },
  ]
})

export default router
